<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">
<head>
<script type="text/javascript">
    	function loadChgPhoto() {
    		$("#divChgPhoto").load("maphoto.html");
    	}
    </script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="../style/style.css" />
<title>Parc d'appareils - (nomProprietaire) - eSharing</title>
</head>
<body>
	<div class="topbarcontenu">
		<div>
			<span class="logo"> <img src="images/logo.jpg" />
			</span> <span class="toplink">Bienvenue, <a href="tableaudebord.html">(nomUtilisateur)</a>
				<a href="">Déconnexion</a>
			</span> <span class="topbarrechercher"> <h:form
					class="recherchepages">
					<input type="text" id="cetaem" class="textrecherche" maxlength="80"
						placeholder="Que voulez-vous emprunter ?" />
					<input type="submit" id="btnrechercher" value="Rechercher" />
				</h:form>
			</span>
		</div>
		<br />
		<div>
			<span class="parrainage"> <h:form id="parrainer">
					<input type="text" id="cetaem" class="mailfilleul" maxlength="80"
						placeholder="Adresse mail" />
					<input type="submit" id="btnparrain" value="Parrainer un ami !" />
				</h:form>
			</span>
		</div>
	</div>
	<div>
		<span id="lienblanc"> </span> <span id="lienPanier"
			style="float: right;"> <a href="">Panier</a>
		</span> <span id="lienblanc" style="float: right;"> </span> <span
			id="lienMonActivite" style="float: right;"> <a href="">Mon
				Activite</a>
		</span> <span id="lienblanc" style="float: right;"> </span> <span
			id="lienAlertes" style="float: right;"> <a href="">Alertes</a>
		</span> <span id="lienblanc" style="float: right;"> </span> <span
			id="lienMessagerie" style="float: right;"> <a href="">Messagerie</a>
		</span>
	</div>
	<p></p>
	<div class="liens">
		<ul class="lienlist">
			<li><a href="">Mon compte</a>
				<ul>
					<li><a href="#" onclick="loadChgPhoto()">Ma photo</a></li>
					<li><a href="">Mes infomations personnelles</a></li>
					<li><a href="">Mes congés</a></li>
					<li><a href="">Changer mot de passe</a></li>
				</ul></li>
			<li><a href="">Mon parc d'appareils</a></li>
			<li><a href="">Mon agenda</a>
				<ul>
					<li><a href="">Mes prêts</a></li>
					<li><a href="">Mes emprunts</a></li>
					<li><a href="">Mes congés</a></li>
				</ul></li>
			<li><a href="">Ma messagerie</a>
				<ul>
					<li><a href="">Messages reçus</a></li>
					<li><a href="">Messages envoyés</a></li>
				</ul></li>
			<li><a href="">Mon solde</a></li>
			<li><a href="">Mes parrainnages</a>
				<ul>
					<li><a href="">Mes filleuls</a></li>
					<li><a href="">Parrainer</a></li>
				</ul></li>
		</ul>
	</div>
	<div id="pagecontenu">
		<h2>Parc d'appareils</h2>
		
		<div>

       <h:form>
       
      <f:view>
    
    	<rich:panel>
		  	
          <h:dataTable class = "tabEmps" rowClasses = "clickable" value = "#{mbGestionParc.aems}" var = "unAem" >
		  			
            <h:column>
		  			
              <f:facet name = "header">
                <h:outputText value = "Type" />
              </f:facet>
              <a href = "gestionaem.jsf"><h:outputText value = "#{unAem.typeAem.typeAem}" /></a>
		  				
            </h:column>
		  			
            <h:column>
		  			
              <f:facet name = "header">
                <h:outputText value = "Marque" />
              </f:facet>
              <a href = "gestionaem.jsf"><h:outputText value = "#{unAem.marque.marque}" /></a>
		  				
            </h:column>
		  			
            <h:column>
		  			
              <f:facet name = "header">
                <h:outputText value = "Ajouté le" />
              </f:facet>
              <a href = "gestionaem.jsf"><h:outputText value = "#{unAem.dateAjout}" /></a>
		  				
            </h:column>
		  			
            <h:column>
		  			
              <f:facet name = "header">
                <h:outputText value = "Valeur" />
              </f:facet>
              <a href = "gestionaem.jsf"><h:outputText value = "#{unAem.valeurs.get(unAem.valeurs.size() - 1).getValeurJournaliere().toString()}" /></a>
		  				
            </h:column>
		  			
<!--             <h:column> -->
		  			
<!--               <f:facet name = "header"> -->
<!--                 <h:outputText value = "Statut" /> -->
<!--               </f:facet> -->
<!--               <a href = "gestionaem.jsf"><h:outputText value = "#{mbGestionParc.getStatut(unAem)}" /></a> -->
		  				
<!--             </h:column> -->
		  					  			
          </h:dataTable>
				
        </rich:panel>
        
       </f:view>
      </h:form>

	</div>




<!-- 		<h:form> -->
<!-- 			<h:dataTable value="" var=""> -->
<!-- 				<h:column> -->
<!-- 					<h:graphicImage value="" height="50px" width="50px" /> -->
<!-- 				</h:column> -->
<!-- 				<h:column> -->
<!-- 					<f:facet name="header">Type</f:facet> -->
<!-- 					<h:outputText value="Machine à café" /> -->
<!-- 				</h:column> -->
<!-- 				<h:column> -->
<!-- 					<f:facet name="header">Marque</f:facet> -->
<!-- 					<h:outputText value="Nespresso" /> -->
<!-- 				</h:column> -->
<!-- 				<h:column> -->
<!-- 					<f:facet name="header">Date d'ajout</f:facet> -->
<!-- 					<h:outputText value="20.03.2014" /> -->
<!-- 				</h:column> -->
<!-- 				<h:column> -->
<!-- 					<f:facet name="header">Valeur</f:facet> -->
<!-- 					<h:outputText value="5€" /> -->
<!-- 				</h:column> -->
<!-- 				<h:column> -->
<!-- 					<f:facet name="header">Statut</f:facet> -->
<!-- 					<h:outputText value="Disponible" /> -->
<!-- 				</h:column> -->
<!-- 				<h:column> -->
<!-- 					<h:commandLink value="Fiche appareil" /> -->
<!-- 				</h:column> -->
<!-- 			</h:dataTable> -->
<!-- 			<h:commandButton value="Ajouter un appareil" action="#{mbParcAem.ajouterAppareil()}" /> -->
<!-- 		</h:form> -->
	</div>
	<div id="goodies">
		<ul id="sociallinks" style="float: right">
			<li><a href="@sadfdsafdfd">FB</a></li>
			<li><a href="@sadfdsafdfd">TW</a></li>
			<li><a href="@sadfdsafdfd">G+</a></li>
			<li><a href="@sadfdsafdfd">RSS</a></li>
		</ul>
	</div>
	<div class="footer">
		<span style="align: left"> <a href="/trust">Confiance et
				sécurité</a>
		</span> <span style="align: left"> <a href="/about/about-us">A
				propos</a>
		</span>
	</div>
</body>
</html>